<template>
  <div class="item"><input type="checkbox" v-model="data.ischecked" /> <span>{{data.text}}</span>
  <slot name="del"></slot>
  </div>
</template>

<script>
export default {
    props:["data"],
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
.item {
  padding: 0 20px;
  background-color: #fff;
  height: 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.item [type="checkbox"] {
  margin-right: 20px;
}
</style>